<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>百度外卖</title>
<link rel="stylesheet/less" type="text/css" href="./css/list.less" />
<script src="./js/less.js" type="text/javascript"></script>


</head>
<body>
<!-- 头部开始 -->
<div id="top">
    <a id="logo" href="/waimai"></a>
    <div id="change">
        <div></div>
        <input type="text" value="烟云村">
        <a href="">切换</a>
    </div>
    <ul>
        <a href=""><li style="background:#dc1432;">外卖</li></a>
        <a href=""><li>我的订单</li></a>
        <a href=""><li>联系我们</li></a>
    </ul>
    <div id="in">
         <a id="login" href="">登录</a>
         <a id="regist" href="">注册</a>
    </div>
</div>
<!-- 广告图片 -->
<a id="ad" href=""></a>
<!-- 产品列表 -->
<ul id="list">
    <a href="">
        <li>
            <div class="div1"></div>
            <span style="color: #ff2d4b;">全部</span>
            <div class="sanjiao1" style="display:block;"></div>
         </li>
    </a>
    <a href="">
        <li>
            <div class="div2"></div>
            <span>品牌快餐</span>
            <div class="sanjiao2"></div>
        </li>        
    </a>
    <a href="">
        <li>
            <div class="div3"></div>
            <span>中式正餐</span>
            <div class="sanjiao3"></div>
        </li>        
    </a>
    <a href="">
        <li>
            <div class="div4"></div>
            <span>小吃快餐</span>
            <div class="sanjiao4"></div>
        </li>        
    </a>
    <a href="">
        <li>
            <div class="div5"></div>
            <span>日韩料理</span>
            <div class="sanjiao5"></div>
        </li>        
    </a>
    <a href="">
        <li>
            <div class="div6"></div>
            <span>咖啡甜品</span>
            <div class="sanjiao6"></div>
        </li>        
    </a>
    <a href="">
        <li>
            <div class="div7"></div>
            <span>面包蛋糕</span>
            <div class="sanjiao7"></div>
        </li>        
    </a>    
</ul>
<!-- 列表下布局 -->
<div id="listdown">
    <div id="listdown_left">
        <span><div class="box1"></div>支持开发票</span>
        <span><div class="box2"></div>免配送费</span>
        <span><div class="box3"></div>立减优惠</span>       
    </div>
    <form id="listdown_form" action="" method="">
        <input class="kuang" type="text" value="输入餐厅名搜索">
        <input class="submit" type="submit" value="">
    </form>
</div>
<!-- 店铺 -->
<ul id="dianpu">
    <li>
        <img src="./images/dianpu.jpg" alt="">
        <div class="dianpu1">川府酒家</div>
        <div class="dianpu2"><div class="star1"><div class="star2"></div></div>&nbsp;&nbsp;已售80份</div>
        <div class="dianpu3">起送: ¥0.00&nbsp;&nbsp;&nbsp;配送: ¥6&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;60分钟</div>
        <div class="tag">
            <div class="tags1"></div>
            <div class="tags2"></div>
            <div class="tags3"></div>
        </div>
        <div class="dianpu_show">
            <div class="dianpu_show_top">川府酒家</div>
            <div class="dianpu_show_tag">            
                <div class="tags1"><div></div><span>下单免配送费</span></div>
                <div class="tags2"><div></div><span>下单立减8元,每天两单</span></div>
                <div class="tags3"><div></div><span>支持开发票</span></div>
            </div>
            <div class="dianpu_show_ads">
                <div>商家公告</div>
                <p>暂无</p>
            </div>
            <div class="dianpu_show_sj"></div>
        </div>
    </li>
    <li>
        <img src="./images/dianpu.jpg" alt="">
        <div class="dianpu1">川府酒家</div>
        <div class="dianpu2"><div class="star1"><div class="star2"></div></div>&nbsp;&nbsp;已售80份</div>
        <div class="dianpu3">起送: ¥0.00&nbsp;&nbsp;&nbsp;配送: ¥6&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;60分钟</div>
        <div class="tag">
            <div class="tags1"></div>
            <div class="tags2"></div>
            <div class="tags3"></div>
        </div>
        <div class="dianpu_show">
            <div class="dianpu_show_top">川府酒家</div>
            <div class="dianpu_show_tag">            
                <div class="tags1"><div></div><span>下单免配送费</span></div>
                <div class="tags2"><div></div><span>下单立减8元,每天两单</span></div>
                <div class="tags3"><div></div><span>支持开发票</span></div>
            </div>
            <div class="dianpu_show_ads">
                <div>商家公告</div>
                <p>暂无</p>
            </div>
            <div class="dianpu_show_sj"></div>
        </div>
    </li>
    <li>
        <img src="./images/dianpu.jpg" alt="">
        <div class="dianpu1">川府酒家</div>
        <div class="dianpu2"><div class="star1"><div class="star2"></div></div>&nbsp;&nbsp;已售80份</div>
        <div class="dianpu3">起送: ¥0.00&nbsp;&nbsp;&nbsp;配送: ¥6&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;60分钟</div>
        <div class="tag">
            <div class="tags1"></div>
            <div class="tags2"></div>
            <div class="tags3"></div>
        </div>
        <div class="dianpu_show">
            <div class="dianpu_show_top">川府酒家</div>
            <div class="dianpu_show_tag">            
                <div class="tags1"><div></div><span>下单免配送费</span></div>
                <div class="tags2"><div></div><span>下单立减8元,每天两单</span></div>
                <div class="tags3"><div></div><span>支持开发票</span></div>
            </div>
            <div class="dianpu_show_ads">
                <div>商家公告</div>
                <p>暂无</p>
            </div>
            <div class="dianpu_show_sj"></div>
        </div>
    </li>
    <li>
        <img src="./images/dianpu.jpg" alt="">
        <div class="dianpu1">川府酒家</div>
        <div class="dianpu2"><div class="star1"><div class="star2"></div></div>&nbsp;&nbsp;已售80份</div>
        <div class="dianpu3">起送: ¥0.00&nbsp;&nbsp;&nbsp;配送: ¥6&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;60分钟</div>
        <div class="tag">
            <div class="tags1"></div>
            <div class="tags2"></div>
            <div class="tags3"></div>
        </div>
        <div class="dianpu_show">
            <div class="dianpu_show_top">川府酒家</div>
            <div class="dianpu_show_tag">            
                <div class="tags1"><div></div><span>下单免配送费</span></div>
                <div class="tags2"><div></div><span>下单立减8元,每天两单</span></div>
                <div class="tags3"><div></div><span>支持开发票</span></div>
            </div>
            <div class="dianpu_show_ads">
                <div>商家公告</div>
                <p>暂无</p>
            </div>
            <div class="dianpu_show_sj"></div>
        </div>
    </li>
    <li>
        <img src="./images/dianpu.jpg" alt="">
        <div class="dianpu1">川府酒家</div>
        <div class="dianpu2"><div class="star1"><div class="star2"></div></div>&nbsp;&nbsp;已售80份</div>
        <div class="dianpu3">起送: ¥0.00&nbsp;&nbsp;&nbsp;配送: ¥6&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;60分钟</div>
        <div class="tag">
            <div class="tags1"></div>
            <div class="tags2"></div>
            <div class="tags3"></div>
        </div>
        <div class="dianpu_show">
            <div class="dianpu_show_top">川府酒家</div>
            <div class="dianpu_show_tag">            
                <div class="tags1"><div></div><span>下单免配送费</span></div>
                <div class="tags2"><div></div><span>下单立减8元,每天两单</span></div>
                <div class="tags3"><div></div><span>支持开发票</span></div>
            </div>
            <div class="dianpu_show_ads">
                <div>商家公告</div>
                <p>暂无</p>
            </div>
            <div class="dianpu_show_sj"></div>
        </div>
    </li>
    <li>
        <img src="./images/dianpu.jpg" alt="">
        <div class="dianpu1">川府酒家</div>
        <div class="dianpu2"><div class="star1"><div class="star2"></div></div>&nbsp;&nbsp;已售80份</div>
        <div class="dianpu3">起送: ¥0.00&nbsp;&nbsp;&nbsp;配送: ¥6&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;60分钟</div>
        <div class="tag">
            <div class="tags1"></div>
            <div class="tags2"></div>
            <div class="tags3"></div>
        </div>
        <div class="dianpu_show">
            <div class="dianpu_show_top">川府酒家</div>
            <div class="dianpu_show_tag">            
                <div class="tags1"><div></div><span>下单免配送费</span></div>
                <div class="tags2"><div></div><span>下单立减8元,每天两单</span></div>
                <div class="tags3"><div></div><span>支持开发票</span></div>
            </div>
            <div class="dianpu_show_ads">
                <div>商家公告</div>
                <p>暂无</p>
            </div>
            <div class="dianpu_show_sj"></div>
        </div>
    </li>
    <li>
        <img src="./images/dianpu.jpg" alt="">
        <div class="dianpu1">川府酒家</div>
        <div class="dianpu2"><div class="star1"><div class="star2"></div></div>&nbsp;&nbsp;已售80份</div>
        <div class="dianpu3">起送: ¥0.00&nbsp;&nbsp;&nbsp;配送: ¥6&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;60分钟</div>
        <div class="tag">
            <div class="tags1"></div>
            <div class="tags2"></div>
            <div class="tags3"></div>
        </div>
        <div class="dianpu_show">
            <div class="dianpu_show_top">川府酒家</div>
            <div class="dianpu_show_tag">            
                <div class="tags1"><div></div><span>下单免配送费</span></div>
                <div class="tags2"><div></div><span>下单立减8元,每天两单</span></div>
                <div class="tags3"><div></div><span>支持开发票</span></div>
            </div>
            <div class="dianpu_show_ads">
                <div>商家公告</div>
                <p>暂无</p>
            </div>
            <div class="dianpu_show_sj"></div>
        </div>
    </li>
    <li>
        <img src="./images/dianpu.jpg" alt="">
        <div class="dianpu1">川府酒家</div>
        <div class="dianpu2"><div class="star1"><div class="star2"></div></div>&nbsp;&nbsp;已售80份</div>
        <div class="dianpu3">起送: ¥0.00&nbsp;&nbsp;&nbsp;配送: ¥6&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;60分钟</div>
        <div class="tag">
            <div class="tags1"></div>
            <div class="tags2"></div>
            <div class="tags3"></div>
        </div>
        <div class="dianpu_show">
            <div class="dianpu_show_top">川府酒家</div>
            <div class="dianpu_show_tag">            
                <div class="tags1"><div></div><span>下单免配送费</span></div>
                <div class="tags2"><div></div><span>下单立减8元,每天两单</span></div>
                <div class="tags3"><div></div><span>支持开发票</span></div>
            </div>
            <div class="dianpu_show_ads">
                <div>商家公告</div>
                <p>暂无</p>
            </div>
            <div class="dianpu_show_sj"></div>
        </div>
    </li>
</ul>
<!-- foot -->
<div id="foot">
    <ul class="foot_top">
        <li>   
            <h3>帮助</h3>
            <a href="">使用帮助</a>
            <a href="">常见问题</a>
            <a href="">建议与反馈</a>
        </li>
        <div class="line"></div>
        <li>
            <h3>关注我们</h3>
            <a href="">新浪微博</a>
            <a href="">微信公众号</a>
            <a href="">APP下载</a>
        </li>
        <div class="line"></div>
        <li>
            <h3>商务合作</h3>
            <a href="">邮箱：waimai-zhaoshang@baidu.com</a>
        </li>
        <div class="line"></div>
        <li>
            <h3  style="font-size:19.2px;"><div id="kefu"></div>客服热线</h3>
            <span id="span1">400-011-7777</span>
            <span id="span2">周一至周日9:00-22:00</span>

        </li>
    </ul>
    <div class="foot_botton">
        <img src="./images/7.png" alt="">
        <span>&nbsp;© 2014 Baidu<a href="">使用百度前必读</a></span>
    </div>
</div>

    
</body>
</html>